// 头部部分样式开始
// 
header {
    background-color: #ff841d;
    height: .5rem;
    display: flex;
    justify-content: space-between;
    align-items: center;
    padding: 0.1rem;
    font-size: .14rem;
    >h1 {
        a {
            width: 2rem;
            img{
                width: 100%;
                height: 100%;
            }
        }
    }
    >a {
        width: .34rem;
        height: .34rem;
        img{
            width: 100%;
            height: 100%;
        }
    }
}
// 头部部分样式结束

// 搜索框部分样式开始
.mmb_search {
    form {
        display: flex;
        justify-content: space-between;
        padding: .05rem .1rem; 
        position: relative;
        .fa-search{
            position: absolute;
            top: 0.11rem;
            left: 0.13rem;
            font-size: .16rem;
        }
        input {
            height: .3rem;
            border: none;
            background-color: #f1f1f1;
            border-radius: .2rem;
        }
        .search_ipt{
            padding-left: .2rem;
            flex: 1;
        }
        .search_submit{
            margin-left: .2rem;
            width: .6rem;
            background-color: #ff841d;
            color: #fff;
        }
    }
}
// 搜索框部分样式结束

// 底部样式开始
footer{
    background-color: #fff;
    font-size: .14rem;
    .row{
        .col-xs-4{
            text-align: center;
            border: 1px solid #ccc;
            height: .3rem;
            line-height: .3rem;
            a{
                img{
                    height: .15rem;
                    width: .15rem;
                }
            }
        }
    }
    >p{
        margin: .1rem;
        text-align: center;
        font-size: .12rem;
        a{
            display:inline;
        }
        >a:first-child{
            color: red;
        }
    }
}
// 底部样式结束

// =========================================================
// 商品列表部分样式开始
#mmb_product{
    background-color: #fff;
    // 面包屑导航
    .product-title{
        position: relative;
        font-size: .14rem;
        height: .36rem;
        .breadcrumb{
            padding: .08rem .15rem;
            height: .36rem;
            margin-bottom: 0px;
            li{
                float: left;
                display: flex;
                a{
                    width: 100%;
                }
            }
            li::before{
               content: ""; 
            }
            li::after{
                content: " >";
                float: right;
                flex: 1;
                padding-left: .05rem;
            }
        }
        .btn{
            position: absolute;
            padding: .06rem .12rem;
            width: .54rem;
            height: .3rem;
            right: .1rem;
            top: .03rem;
            font-size: .12rem;
        }
    }
    // 商品列表
    .product-list{
        .media{
            border-bottom: 1px solid #ccc;
            padding: 10px;
            padding-bottom: 0;
            display: flex;
            .media-left{
                height: 1rem;
                width: 1rem;

                img{
                    height: 1rem;
                    width: 1rem;

                }             
            }
            .media-body{
                margin-left: .1rem;
                flex: 1;
                a{
                    .price{
                        color: #e92322;
                    }
                    em{
                        font-size: .12rem;
                        color: #666;
                    }
                }
            }
        }
    }
    // 分页
    .product-page{
        background-color: #fff;
        padding: .1rem;
        text-align: center;
        font-size: .12rem;
        .pre{
            margin-left: .1rem;
            position: absolute;
            left: .05rem;
            z-index: 3;
            width: .68rem;
            height: .34rem;
            background-color: #ccc;
            padding: 0;
        }
        .nex{
            position: absolute;
            right: .05rem;
            z-index: 3;
            width: .68rem;
            height: .34rem;
            background-color: #ccc;
            padding: 0;
        }
        .dropdown {
            text-align: center;
            .btn{
                display: inline-block;
                width: 1rem;
                padding: .06rem .12rem;
            }
            .dropdown-menu{
                max-width: 1rem;
                min-width: 1rem;
                padding: 0;
                margin: 0;
                left: 50%;
                margin-left: -0.5rem;
                >li{
                    width: 1rem;
                    text-align: center;
                    height: .3rem;
                    line-height: .3rem;
                    border-bottom: 1px solid #ccc;
                }
            }
        }
    }

}

// 商品列表部分样式结束
